<?php 
$catvideo = 82;
$cattab1 = 85;
$cattab2 = 86;
$cattab3 = 87;
$cattab4 = 88;
$cattab5 = 89;
$catknowinfo = 90;
$catqa = 91;
?>

<div class="block support-red">
    <a href="ymsgr:sendim?hoatuyet_py"><img src='http://opi.yahoo.com/online?u=hoatuyet_py&m=g&t=5'/></a>
    <a href="ymsgr:sendim?dothidiaoc"><img src='http://opi.yahoo.com/online?u=dothidiaoc&m=g&t=5'/></a>
    <p>0909 333 777<br/>08 22 19 19 19</p>
</div>
<div class="block video-red">
    <h4>Video</h4>
    <div class="corner"><a href="<?php echo site_url() ?>/<?php echo get_cat_slug($catvideo) ?>">Clip khác</a></div>
    <div class="mcon">
        <iframe width="252" height="157" src="//www.youtube.com/embed/8tNDM-IsFcc" frameborder="0" allowfullscreen></iframe>
        <a href="<?php echo get_cat_slug($catvideo) ?>">Sức khỏe của bạn</a>
        <ul class="child">
            <?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $catvideo, 'posts_per_page' => 3));
            while (have_posts()): the_post(); $k++;
                ?>
            <li><a href="<?php the_permalink() ?>"><?php the_title() ?></a></li>
            <?php endwhile; ?>
        </ul>
    </div>
</div>
<script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/js/jquery.beforeafter-1.4.min.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#beforeafter').beforeAfter({imagePath:'<?php echo bloginfo('template_url'); ?>/js/'});
        $('#beforeafter-2').beforeAfter({imagePath:'<?php echo bloginfo('template_url'); ?>/js/'});
    });
</script>
<div class="block before-after">
    <div class="mcon">
        <div id="beforeafter">
            <div><img alt="before" src="<?php echo bloginfo('template_url'); ?>/img/before.png" width="125" height="183" /></div>
            <div><img alt="after" src="<?php echo bloginfo('template_url'); ?>/img/after.png" width="125" height="183" /></div>
        </div>
        <div id="beforeafter-2">
            <div><img alt="before" src="<?php echo bloginfo('template_url'); ?>/img/before-2.jpg" width="125" height="183" /></div>
            <div><img alt="after" src="<?php echo bloginfo('template_url'); ?>/img/after-2.jpg" width="125" height="183" /></div>
        </div>
    </div>
    <div class="foot">Thư viện ảnh</div>
</div>
<div class="block tab">
    <div class="mtab">
        <a href="javascript:;" id="tab1">Phẫu thuật thẩm mỹ</a>
        <a href="javascript:;" id="tab2">Thẩm mỹ nội khoa</a>
        <a href="javascript:;" id="tab3">Spa Skincare</a>
        <a href="javascript:;" id="tab4">Phun xăm thẩm mỹ</a>
        <a href="javascript:;" id="tab5">Nha khoa thẩm mỹ</a>
    </div>
    <div class="mcon">
        <div id="ctab1">
        	<?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $cattab1, 'post_type' => 'service_detail'));
            while (have_posts()): the_post(); $k++;
                ?>
            <article>
                <a href="<?php the_permalink() ?>">
                	<?php the_post_thumbnail(array(48, 'auto')) ?>
                </a>
                <p><a href="<?php the_permalink() ?>"><?php the_title() ?></a></p>
            </article>
            <?php endwhile; ?>
        </div>   
        <div id="ctab2">
            <?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $cattab2, 'post_type' => 'service_detail'));
            while (have_posts()): the_post(); $k++;
                ?>
            <article>
                <a href="<?php the_permalink() ?>">
                	<?php the_post_thumbnail(array(48, 'auto')) ?>
                </a>
                <p><a href="<?php the_permalink() ?>"><?php the_title() ?></a></p>
            </article>
            <?php endwhile; ?>
        </div>    
        <div id="ctab3">
            <?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $cattab3, 'post_type' => 'service_detail'));
            while (have_posts()): the_post(); $k++;
                ?>
            <article>
                <a href="<?php the_permalink() ?>">
                	<?php the_post_thumbnail(array(48, 'auto')) ?>
                </a>
                <p><a href="<?php the_permalink() ?>"><?php the_title() ?></a></p>
            </article>
            <?php endwhile; ?>
        </div>  
        <div id="ctab4">
            <?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $cattab4, 'post_type' => 'service_detail'));
            while (have_posts()): the_post(); $k++;
                ?>
            <article>
                <a href="<?php the_permalink() ?>">
                	<?php the_post_thumbnail(array(48, 'auto')) ?>
                </a>
                <p><a href="<?php the_permalink() ?>"><?php the_title() ?></a></p>
            </article>
            <?php endwhile; ?>
        </div>  
        <div id="ctab5">
            <?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $cattab5, 'post_type' => 'service_detail'));
            while (have_posts()): the_post(); $k++;
                ?>
            <article>
                <a href="<?php the_permalink() ?>">
                	<?php the_post_thumbnail(array(48, 'auto')) ?>
                </a>
                <p><a href="<?php the_permalink() ?>"><?php the_title() ?></a></p>
            </article>
            <?php endwhile; ?>
        </div>  
    </div>
</div>
<div class="block know">
    <div class="head">Bạn cần biết</div>
    <div class="mcon">
       <ul>
       		<?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $catknowinfo));
            while (have_posts()): the_post(); $k++;
                ?>
            <li><span><?php echo $k<10?'0'.$k:$k; ?></span><a title="<?php the_title() ?>" href="<?php the_permalink() ?>"><?php the_title() ?></a></li>
            <?php endwhile; ?>
       </ul>
    </div>
</div>
<div class="block qa">
    <div class="head">Hỏi - Đáp những thắc mắc thường gặp <img src="<?php echo bloginfo('template_url'); ?>/img/ico-qa.png"></div>
    <div class="mcon">
       <ul>
       		<?php
            wp_reset_query(); $k = 0 ; 
            query_posts(array('cat' => $catqa));
            while (have_posts()): the_post(); $k++;
                ?>
            <li>
                <a href="<?php the_permalink() ?>"><?php the_title() ?></a>
                <p><sub>"</sub><?php echo strip_tags(get_the_excerpt()) ?><sub>"</sub></p>
            </li>
            <?php endwhile; ?>
       </ul>
    </div>
</div>
<div class="block">
    <a><img src="<?php echo bloginfo('template_url'); ?>/img/right-qc.png"></a>
</div>